name：name 属性规定 input 元素的名称。 id：id 属性规定 HTML 元素的唯一的 id。 或许这两句话很难被区分开来，我们可以通过生活上的列子来形象地类比这个问题。我们每个人都有自己的名字和身份证号。在生活上难免会遇见和自己重名的人。但每个人的身份证号却是唯一的，这就是通过，姓名(name)，与身份证idcard)来区分两者的不同。

在清楚了name与id的定义后，我们不难看出二者的作用肯定也是不同的，id的特殊属性决定了,每一个id元素在同一个HTML文档中必须是唯一的。而name元素却不需要这样。

name的用法拿我进行表单练习的时候遇到过的一个问题做例子吧。如下图:

如图“”例子1"所示，很简单的在这样的块级元素中我定义了4个单选输入。他们的name元素是一样的，因为type元素是“radio”所以就出现了，当我选择一个选项的时候另一个选项会消失。如下图所示

B选项消失了。 然而当我对代码进行修改将内部的4个的name属性不同命名时

id 属性可用作链接锚（link anchor），通过 JavaScript（HTML DOM）或通过 CSS 为带有指定 id 的元素改变或添加样式。

按下change text后出现了

1.label与form控件的关联, My Input for属性指定与label关联的元素的id,不可用name替代。

当我们需要使得用户点击文本就可以完成出发相关控件的时候，使用标签，并且使得标签内部的for元素与控制点击的标签的id元素相同。

详细内容需参考百度文档以及大咖博客。